﻿body
{
margin:0px auto;
padding:0px;
background-image:url('../images/bg.jpg');
}


#header-image{
   left:50%;
   width:756px;
   height:150px;
   position:absolute;
   margin-left:-378px;
   clear:both;
   border-left:1px solid #FFFFFF;
   border-right:1px solid #FFFFFF;
   background-image:url('../images/header.jpg');
   background-repeat:repeat-x;
   border-bottom:3px solid gray;
}

#mainFrame
{ 
   width:441px;
   border:3px solid gray;
   margin-top:200px;
   z-index:1000;
}

#header-image-right{
 top:150px;
 background-image:url('../images/menu_right.gif');	
 width:120px;
 height:34px;
 position:absolute;
 left:50%;
 margin-left:259.5px;
 border-right:1px solid #FFFFFF;
	
}

#header-image-left{
   top:150px;
   left:50%;
   width:637px;
   height:34px;
   position:absolute;
   margin-left:-378px;
   clear:both;
   border-left:1px solid #FFFFFF;
   background-image:url('../images/menu_bg.gif')
}
#main-border{
	background-color:#505050;
	top:184px;
	width:756px;
	height:600px;
	left:50%;
	margin-left:-378px;
	position:absolute;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
}
#score-board{
	background-color:black;
	border:2px #FFFFFF double;
	width:748px;
	height:592px;
	margin-left:2px;
	margin-right:2px;
	margin-top:2px;
	font-size:medium;
	color:lime;
	font-family:"Courier New", Courier, monospace;
	font-weight:bold;
}

#score-board-left{
	background-color:black;
	border:2px dotted lime;
	width:300px;
	height:250px;
	margin-left:28px;
	margin-right:3px;
	margin-top:3px;
	font-size:medium;
	color:lime;
	font-family:"Courier New", Courier, monospace;
	font-weight:bold;
}

#score-board-left-bottom{
	top:260px;
	position:absolute;
	border:2px dotted lime;
	width:300px;
	height:44px;
	margin-left:28px;
	margin-right:3px;
	margin-top:3px;
	font-size:medium;
	color:lime;
	font-family:"Courier New", Courier, monospace;
	font-weight:bold;
}

#score-board-right{
	top:4px;
	left:338px;
	position:absolute;
	background-color:black;
	border:2px dotted lime;
	width:150px;
	height:300px;
	margin-right:3px;
	margin-top:3px;
	font-size:medium;
	color:lime;
	font-family:"Courier New", Courier, monospace;
	font-weight:bold;
}

#card-container{
	width:685px;
	height:210px;
	margin-left:28px;
	background-color:#505050;
	top:53px;
	position:relative;
	border:5px #FFFFFF double;
}

#control-buttons{
	top:4px;
	left:495px;
	position:absolute;
	background-color:#505050;
	border:5px #FFFFFF double;
	width:222px;
	height:294px;
	margin-right:3px;
	margin-top:3px;
	font-size:medium;
	color:lime;
	font-family:"Courier New", Courier, monospace;
	font-weight:bold;
}

#header-image-bottom{
   top:784px;
   left:50%;
   width:756px;
   height:5px;
   position:absolute;
   margin-left:-378px;
   clear:both;
   border-left:1px solid #FFFFFF;
   border-right:1px solid #FFFFFF;
   background-image:url('../images/menu_top.gif');
   background-repeat:repeat;
}

#button-custom {
	font-family: 'Yanone Kaffeesatz', arial, serif;
	font-size:20px;
	color:#000;
	text-decoration:none;
	display:block;
	border:1px solid #DDD;
	text-align:center;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	background:#FFFFFF;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#666666), to(#666666), color-stop(.6,#333));
	background:-moz-linear-gradient(0% 90% 90deg, #EEE, #FFF);
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

#button-custom:hover {
	color:#fff;
	border-color:black;
	background:#4195DD;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#D6D6D4), to(#6B6B6B), color-stop(.9,#333333));
	background:-moz-linear-gradient(0% 90% 90deg, #003C82, #4195DD);
	cursor:pointer;
}

#button-custom:active {
	background:#4195DD;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#666666), to(#666666), color-stop(.1,#333333));
	background:-moz-linear-gradient(0% 90% 90deg, #4195DD, #003C82);
}

#button-custom.notransitions {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
#button-custom.deal{
	height:70px;
	width:150px;
	position:absolute;
	top:200px;
	left:35px;
}

#button-custom.plus{
	height:60px;
	width:60px;
	position:absolute;
	top:120px;
	left:35px;
}

#button-custom.minus{
	height:60px;
	width:60px;
	position:absolute;
	top:120px;
	left:125px;
}

#betselectbox{
	position:absolute;
	left: 35px; top: 30px; width: 150px; height: 50px;
}

/* Selectmenu
----------------------------------*/
.ui-selectmenu { display: block; position:absolute; text-decoration: none; overflow:hidden; width:145%;}
.ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; }
.ui-selectmenu-menu { padding:0; margin:0; list-style:none; position:absolute; top: 0; visibility: hidden; overflow: auto; }
.ui-selectmenu-open { visibility: visible; }
.ui-selectmenu-menu li { padding:0; margin:0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; }
.ui-selectmenu-menu li a,.ui-selectmenu-status {line-height: 1.4em; display:block; padding:.3em 1em; outline:none; text-decoration:none; }

ul.playing-cards {
	}

ul.playing-cards li {
	margin: 0 20px 20px 0;
	padding: 0;
	float: left;
	width:100px;
	height:150px;
	list-style-type: none;
	cursor: pointer;
}





label,select,.ui-select-menu { float: left;}
		select { width:100%; }


#betMenu {}

.card{}

#cardContainer{}
